<%@ page language="java" import="java.util.*" pageEncoding="utf-8" %>
<%@ taglib prefix="s" uri="/struts-tags" %>
<%
    String path = request.getContextPath();
    String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + path + "/";
%>
<html>
	<head>
		<base href="<%=basePath%>">
		<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
		<title><s:text name="user.register" /></title>
		<script type="text/javascript" src="gko100/front/validateForm/jquery-1.4.2.min.js"></script>		
		<script src="gko100/front/js/draggable.jquery.ui.js" type="text/javascript"></script>
		<script src="gko100/front/js/dashboard.js" type="text/javascript"></script> 
		<script src="gko100/front/js/jquery.jqDock.min.js" type="text/javascript"></script>
		<link href="gko100/front/css/login.css" rel="stylesheet" type="text/css" />	
		<link href="gko100/front/validateForm/css/formitem.css" rel="stylesheet" type="text/css" />
		<script type="text/javascript" src="gko100/front/validateForm/jquery.form-1.0.1.js"></script>
		<script type="text/javascript" src="gko100/front/validateForm/jquery.form.valid-1.0.1.js"></script>
		<script type="text/javascript" src="gko100/front/validateForm/area/areaLinkAge.js"></script>
		<script type="text/javascript" src="gko100/front/validateForm/Calendar.js"></script>
		
		
		<script type="text/javascript">

			$(function(){
				
				$("#password").password();
				$("#authcode").authcode();
				$("#confirmpwd").confirmpwd();
				$("#age").number();
				$("#addressdetail").address();
				$("#qq").qq();
				$("#email").email();
				$("#phone").phone();
				$("#mobile").mobile();
				$("#authcode").authcode();
				$("form").find("input[type!='radio'][type!='checkbox'][type!='button'][type!='submit'][type!='reset']").each(function(){
	
					$(this).addClass("form_item_input");
	
				});
				
	
			});
			
	        function changePic(){
	            document.getElementById("picValidate").src = "pic_validate.jsp?time=" + Math.random();
	        }
		</script>
		<script type="text/javascript" src="gko100/front/js/ajaxCheck.js"></script>
	</head>
	
	<body>
		<div>
		<s:include value="/WEB-INF/gko100/front/html/head.jsp"></s:include>
		</div>
		<div class="l_bg">
		<div class="l_con" style="_padding-left:500px;">
			<form action="front/user_register" id="testform" method="post">
				<h2><s:text name="user.register" /></h2>
				<table class="formtable">
					<tr>
						<th>
							<label class="form-item-title"><s:text name="user.username" /></label>
						</th>
						<td>
							<input name="userVo.name" id="username" type="text" onblur="checkUserName()" />
						</td>
						 <td><div id="tip1"></div></td> 
					</tr>
					<tr>
						<th>
							<label class="form-item-title"><s:text name="user.password" /></label>
						</th>
						<td>
							<input type="password" name="userVo.password" id="password" required="true"   valid='password'/>
						</td>
					</tr>
					<tr>
						<th>
							<label class="form-item-title"><s:text name="user.cpassword" /></label>
						</th>
						<td>
							<input type="password" name="userVo.cPassword" id="confirmpwd" required="true"   valid='confirmpwd'/>
						</td>
					</tr>
					
					<tr>
						<th>
							<label class="form-item-title"><s:text name="user.sex" /></label>
						</th>
						<td>
							男<input type="radio" name="userVo.sex" id="male" name="sex" value="M">
							女<input type="radio" name="userVo.sex" id="female" name="sex" value="F"> 
						</td>
					</tr>
		
					<tr>
						<th>
							<label class="form-item-title"><s:text name="user.age" /></label>
						</th>
						<td>
							<input type="text" name="userVo.age" id="age"  valid='number'  />
						</td>
					</tr>
		
					<tr>
						<th>
						 	<label class="form-item-title"><s:text name="user.address" /></label>
						</th>
						<td>
							 <input type="text" name="userVo.address" id="addressdetail"  required="true" valid='address' />
						</td>
					</tr>
		
					<tr>
						<th>
							<label class="form-item-title"><s:text name="user.phone" /></label>
						</th>
						<td>
							<input type="text" name="userVo.phone" id="phone" valid='phone' />
						</td>
					</tr>
					
					<tr>
						<th>
							<label class="form-item-title"><s:text name="user.mobile" /></label>
						</th>
						<td>
							<input type="text" name="userVo.mobile" id="mobile" valid='mobile' ></input>
						</td>
					</tr>
		
					<tr>
						<th>
							<label class="form-item-title"><s:text name="user.email" /></label>
						</th>
						<td>
							<input type="text" name="userVo.email" id="email"  required="true" valid='email' ></input>
						</td>
					</tr>
		
					<tr>
						<th>
							<label class="form-item-title"><s:text name="user.qq" /></label>
						</th>
						<td>
							<input type="text" name="userVo.qq" id="qq" valid='qq' />
						</td>
					</tr>
	
					<tr>
						<th>
							<label class="form-item-title"><s:text name="user.picValidate" /></label>
						</th>
						<td>
							<input type="text" name="picValidate" id="authcode" required="true"  valid='authcode' />
						</td>
						<td>
							<img id="picValidate" onclick="changePic()"  alt="<s:text name="user.clickRefresh" />" title="<s:text name="user.clickRefresh" />" src="gko100/back/pic_validate.jsp" Class="yz_img"/>
						</td>
					</tr>
	
					<tr>
						<td colspan="2" style="text-align:center;">
							<input type="submit" value="<s:text name='user.register' />" />
							<input type="reset" value="<s:text name='user.reset' />" />
						</td>
					</tr>
					
				</table>
	
			</form>
		
		</div>
		</div>
		<div class="l_end">
  		<s:include value="/WEB-INF/gko100/front/html/foot.jsp"></s:include>  
		</div>
	
	</body>
</html>
